<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订单管理系统</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<!--[if IE 7]>
	<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
       
<link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
	*{
	padding:0;
	margin:0;
	}
	.header{
		width:100%;
		height:150px;
		background-color:#438eb9;
		margin-bottom:0px;
		margin-top:0px;
		}
		.header>div{
			width:1200px;
			margin:0 auto;
			position:relative;
		}
		.author{
			width:350px;
		}
		.header>div>div{
			width:200px;
			position:relative;
			float:right;
			margin-top:45px;
		}
		.uimage{
			width:60px;
			height:60px;
			border-radius:30px;
			border:1px solid #fff;
		}
		.uname{
			color:#fff;
			position:absolute;
			top:0;
			bottom:0;
			line-height:60px;
			left:75px;
			cursor:pointer;
		}
		body{
			font-size:18px;
			color:#585858;
			font-family:KaiTi;
		}
		.meun{
			display:inline-block;
			width:10px;
			height:17px;
			content:"\f0d7";
		}
		#userinfo{
			display:none;
			width:280px;
			background-color:#438eb9;
			border:2px solid #fff;
			position:absolute;
			top:64px;
			right:29px;
		}
		.uimage-big{
			display:block;
			width:100px;
			height:100px;
			border-radius:50px;
			margin:10px auto;
			border:2px solid #fff;
		}
		.uname2{
			text-align:center;
			color:#fff;
		}
		#userinfo>.exit{
			height:40px;
			background-color:#f9f9f9;
			text-align:right;
			margin-top:10px;
		}
		#userinfo>.exit>span{
			font-size:18px;
			margin-right:20px;
			border:1px solid #585858;
			line-height:40px;
			padding:2px 4px;
			cursor:pointer;
		}
		#userinfo>.exit>span:hover{
			background-color:#eee;
		}
		.body>.menu_style{
			width:190px;
			height:800px;
			background-color:#ccc;
			float: left;
		}
		.body>.main-content{
			background-color:rgb(255, 240, 243);
			height:800px;
			min-height:100%;
		}
		.footer{
			background-color:#438eb9;
			width:100%;
			height:30px;
			text-align:center;
			color:#fff;
			line-height:30px;
		}
		#nav_list>li>a{
			font-size:16px;
		}
		.nav-list li .submenu{
			overflow:hidden;
		}
		.breadcrumb>li>a{
			font-size:16px;	
		}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.uname').click(function(){
			$("#userinfo").toggle(1500);
		});
		
		$('.exit>span').click(function(){
			alert("退出登录");
		});
		$('.dropdown-toggle').click(function(){
			$(this).next().toggle(1000);
		});
	});
</script>
</head>
<body>
	<div class="header">
		<div>
			<img src="images/name.png" class="project"/>
			<img src="images/class.jpg" class="author"/>
			<div>
				<img src="images/user3.png" class="uimage"/>
				<span class="uname">管理员</span>
			</div>
			<div id="userinfo">
				<img src="images/user3.png" class="uimage-big"/>
				<div class="uname2">管理员</div>
				<div class="exit">
					<span class="exit">退出</span>
				</div>
			</div>
		</div>
	</div>
	<div class="body">
		<div id="menu_style" class="menu_style" tabindex="5000" style="overflow: hidden; outline:none;">
			<ul class="nav nav-list" id="nav_list" style="height: 410px;">
				<li class="home">
					<a href="javascript:void(0)" name="home.html" class="iframeurl" title="">
						<i class="icon-home"></i>
						<span class="menu-text"> 系统首页 </span>
					</a>
				</li>
                <li>
                     <a href="#" class="dropdown-toggle">
                     	<i class="icon-desktop"></i>
                     	<span class="menu-text"> 用户管理 </span>
                     	<b class="arrow icon-angle-down"></b>
                     </a>
					 	<ul class="submenu" id="Sort_link_0" style="display:none">
                        	<li class="home" style="height: 34px;">
                        		<a href="addUser.html" name="Products_List.html" title="添加用户" class="iframeurl" target="rightwindow">
                        			<i class="icon-double-angle-right"></i>添加用户
                        		</a>
                        	</li>
							<li class="home" style="height: 34px;">
								<a href="userList.html" name="Brand_Manage.html" title="查看用户" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>查看用户
								</a>
							</li>
						</ul>
				</li>
				<li>
					<a href="#" class="dropdown-toggle">
						<i class="icon-picture "></i>
						<span class="menu-text"> 菜品管理 </span>
						<b class="arrow icon-angle-down"></b>
					</a>
						<ul class="submenu" id="Sort_link_1" style="display:none">
							<li class="home" style="height: 34px;">
								<a href="addDishes.html" name="addDishes.html" title="添加菜品" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>添加菜品
								</a>
							</li>
							<li class="home" style="height: 34px;">
								<a href="dishesList.html" name="Sort_ads.html" title="查看菜品" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>查看菜品
								</a>
							</li>
						</ul>
				</li>
				<li>
					<a href="#" class="dropdown-toggle">
						<i class="icon-list"></i>
						<span class="menu-text"> 订单管理 </span>
						<b class="arrow icon-angle-down"></b>
					</a>
                    	<ul class="submenu" id="Sort_link_2" style="display:none">
                    		<li class="home" style="height: 34px;">
                    			<a href="addOrder.html" name="transaction.html" title="添加订单" class="iframeurl" target="rightwindow">
                    				<i class="icon-double-angle-right"></i>添加订单
                    			</a>
                    		</li>
							<li class="home" style="height: 34px;">
								<a href="orderList.html" name="Order_Chart.html" title="查看订单" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>查看订单
								</a>
							</li>
                 		</ul>
				  </li>
			</ul>
		</div>
		<div class="main-content">
			<div class="breadcrumbs" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="icon-home home-icon"></i>
					<a href="index.html">首页</a>
				</li>
				<li class="active">
					<span class="Current_page iframeurl"></span>
				</li>
                <li class="active" id="parentIframe">
                     <span class="parentIframe iframeurl"></span>
                </li>
				<li class="active" id="parentIfour">
					<span class="parentIfour iframeurl"></span>
				</li>
			</ul>
			</div>
			<iframe id="iframe" name="rightwindow" style="border: 0px; width: 100%; background-color: rgb(255, 255, 255);
			 height: 760px;" name="iframe" frameborder="0" src="images/wtw.jpg">  
			</iframe>
		</div>
	</div>
	<div class="footer">
		Copy 2022 蜀ICP备XXXXXXX号-1 联系我们：阿巴阿巴
	</div>
</body>
</html>